import React, { Component } from 'react'
// import Memoize from './memoization/Memoize'
// Home组件增强一些功能，使用此组件就自带头和尾，但是有时候又可不没有
// 对于Home组件使用高阶组件进行包裹
// import Home from './pages/Home'


import Memo from './memo/Memo'


// 导入高阶组件 函数
// import hocCmp from './hoc/withCmp'

// let Myhome = hocCmp(Home)

export default class App extends Component {
  state = {
    title: '我是一个标题',
    desc: '描述',
    count: 1
  }

  render() {
    return (
      <div>
        {/* 高阶组件 */}
        {/* <Myhome state={this.state} /> */}
        {/* <Home title={this.state.title} /> */}
        {/* 计算属性 */}
        {/* <Memoize /> */}
        <h3>{this.state.count}</h3>
        <Memo title={this.state.title} />
        <hr />
        <button onClick={this.incr}>自增一下</button>
      </div>
    )
  }
  incr = () => {
    this.setState(state => {
      return {
        count: state.count + 1
      }
    })
  }

}
